<template>
	<view class="round-30   flex flex-y-center py-2 pl-1 pr-5 gap-2 bg-grey" style="width: fit-content;min-width: 80px;" v-if="level==0">
		<view class="w-16 h-16 round-circle flex flex-center bg-grey-2">
			<text class="iconfont icon-yonghu fs-10"></text>
		</view>
		<text class="fs-12 text-grey-2 text-ellipsis-1">普通用户</text>
	</view>
	<view class="round-30  flex flex-y-center py-2 px-5 gap-2 vip text-brown" style="width: fit-content;min-width: 80px;" v-else>
		<text class="iconfont icon-dianpu fs-12 "></text>
		<text class="fs-12 fw-600">{{level==1?'月卡会员':level==2?'季卡会员':'年卡会员'}}</text>
	</view>
</template>

<script setup>
	const props = defineProps({
		level: {
			type: [String, Number],
			default: 0
		}
	})
</script>

<style>
	.vip {
		background: linear-gradient(180deg, #FFF9EC 0%, #EDD9A2 100%);
	}
</style>